<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>禁飞区DEMO</title>
</head>
<body>
<h2>Lat1:</h2>
<input id="lat1" value="23.111301290953904" type="text">
<h2>Lng1:</h2>
<input id="lng1" value="114.50911491210955" type="text">
<h2>Lat2:</h2>
<input id="lat2" value="22.404669380460373" type="text">
<h2>Lng2:</h2>
<input id="lng2" value="113.6439415722658" type="text">
<button id="submit" type="button" onclick="clickSubmitButton()">提交</button>
</body>
<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/vendor/common.js"></script>

<script>

    function clickSubmitButton(){
        var lng1 = $("#lng1").val();
        var lat1 = $("#lat1").val();
        var lng2 = $("#lng2").val();
        var lat2 = $("#lat2").val();
        $.post("/zone/getNoFlyZone",{
            "maxLng": lng1,
            "maxLat": lat1,
            "minLng": lng2,
            "minLat": lat2
        },function(result){
            if(result){
                console.log(result.data);
                console.log(result.data[0].area);
            }
        });
    }
</script>
</html>